<?php include 'views/inc/header.php';
//<------ * TITLE LANG  * ------>
foreach ( _Function :: arrayLang() as $key => $value ) :
    $explode = explode( '-', $key );
    if( $explode[1] == null ) {
        $explode[1] = $explode[0];
    }

    if( $value ==  $_SESSION['lang'] ){
        $_SESSION['lang_now'] = $explode[1];
    }
endforeach; ?>
<link rel="canonical" href="<?php echo URL_BASE; ?>">
</head>
<!-- Body -->
<body id="sessionNull">

<!-- warpper_top_bar -->
<div class="warpper_top_bar">
    <!-- inner_top_bar -->
    <header class="inner_top_bar">
        <!-- padding_class -->
        <div class="padding_class">
            <?php include 'views/inc/logo.php'; ?>
            <!-- navegation -->
            <nav id="navegation">
                <ul>
                    <li>
                        <a href="<?php echo URL_BASE.''; ?>">Sign in</a>
                    </li>
                    <?php foreach( $this->pagesGeneral as $key ) : ?>
                        <li>
                            <a href="<?php echo URL_BASE.$key['url'].'/'; ?>"><?php echo $key['title']; ?></a>
                        </li>
                    <?php endforeach; ?>

                </ul>
            </nav><!-- navegation -->

            <!-- navegation -->
            <nav id="navegation_2">
                <ul>
                    <?php foreach( $this->pagesGeneral as $key ) : ?>
                        <li>
                            <a href="<?php echo URL_BASE.$key['url'].'/'; ?>"><?php echo $key['title']; ?></a>
                        </li>
                    <?php endforeach; ?>

                    <li>
                        <a href="<?php echo URL_BASE.'api/'; ?>">API</a>
                    </li>

                    <li>
                        &copy; <?php echo date('Y')." ".SITE_NAME; ?>
                    </li>

                </ul>
            </nav><!-- navegation -->

        </div><!-- padding_class -->
    </header><!-- inner_top_bar -->
</div><!-- warpper_top_bar -->

<!-- layout -->
<section class="layout session_null">
    <div class="popout"></div>

    <!-- padding_class -->
    <div class="padding_class">

        <!-- map -->
        <div class="map">
            <!--				<img src="--><?php //echo $_layoutParams['root_img']; ?><!--map.png" class="map_img" />-->
        </div><!-- map -->

        <!-- welcome_text -->
        <!--			   			<h1 class="welcome_text">-->
        <!--			   			--><?php //echo $_SESSION['LANG']['welcome_text']; ?>
        <!--			   		</h1><!-- welcome_text -->


        <!-- form_signin -->
        <div class="signin_form">

            <div class="form-img">
                <img src="public/img/login-logo.jpg">
            </div>

            <!-- form_signup -->

                <form action="" method="post" name="form" id="signup_form">
                    <input type="text" name="full_name" id="full_name" placeholder="<?php echo $_SESSION['LANG']['full_name']; ?>" title="<?php echo $_SESSION['LANG']['full_name']; ?>" />
                    <input type="text" name="username" id="username" placeholder="<?php echo $_SESSION['LANG']['username']; ?>" title="<?php echo $_SESSION['LANG']['username']; ?>" />
                    <input type="text" name="email" id="email" placeholder="<?php echo $_SESSION['LANG']['mail']; ?>" title="<?php echo $_SESSION['LANG']['mail']; ?>" />
                    <input type="password" name="password" id="password" placeholder="<?php echo $_SESSION['LANG']['placeholder_pass']; ?>" title="<?php echo $_SESSION['LANG']['placeholder_pass']; ?>" />
                    <input type="text" name="captcha" id="lcaptcha" placeholder="" title="" />
                    <input type="checkbox" value="1" name="terms" id="terms" tabindex="3" checked="checked">
                    <a href="<?php echo URL_BASE; ?>terms/" class="recover_pass termsLegal" target="_blank">
                        Saya setuju dengan term & agreement Vontinc <br/>
                        I am agree with vontinc term & agreement

                    </a>
                    <span id="errorSignUp"></span>
                    <span id="success"></span>
                    <button type="submit" id="buttonSubmit"><span><?php echo $_SESSION['LANG']['sign_up']; ?></span></button>
                </form>




        </div><!-- form_signup -->




    </div><!-- padding_class -->
    <!-- footer -->
</section><!-- layout -->



<script src="<?php echo $_layoutParams['root_js']; ?>jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="<?php echo $_layoutParams['root_js']; ?>login.sign.up.js"></script>
<script src="<?php echo $_layoutParams['root_js']; ?>jquery.backstretch.min.js"></script>
<script src="<?php echo $_layoutParams['root_js']; ?>jquery.placeholder.1.1.1.min.js"></script>

<script>

    $('.toogle').click(function() {
        $('.boxLogin').slideToggle(2);
        $(this).addClass('active');
        return false
    });

    $(document).bind('click', function(e) {
        var $clicked = $(e.target);
        if ( !$clicked.parents().hasClass("toogle")
        )
        {
            $(".boxLogin").slideUp(1);
            $('.toogle').removeClass('active');
        }
    });

    $.backstretch(["<?php echo $_layoutParams['root_img']; ?>bg.jpg"]);
    jQuery(document).ready(function($) {

        <?php if( $this->accountValidate == 1 && isset( $_GET['validate'] ) ): ?>
        $('.popout').html( '<?php echo $_SESSION['LANG']['accoun_validated'] ?>' ).fadeIn( 500 );
        <?php endif; ?>

        <?php if( $this->accountValidate == 0 && isset( $_GET['validate'] ) ): ?>
        $('.popout').html( '<?php echo $_SESSION['LANG']['code_not_valid'] ?>' ).fadeIn( 500 );
        <?php endif; ?>

        $(function(){
            $(':input[placeholder]').placeholder();
        });

    });
</script>
</body>
</html>


